<html>
<head>
 	<link rel="shortcut icon" href="../images/delicious.20.gif" type="image/gif" / > 
    <link href="../css/options.css" type="text/css" rel="stylesheet" / >
    <script type="text/javascript" src="../scripts/prototype-1.6.0.3.js"></script>
    <script type="text/javascript" src="../scripts/common.ui.js"></script>    
    <script type="text/javascript" src="../scripts/options.js"></script>    
    <title>Shinji's delicious Extension Options</title>
</head>
<body>
    <div class="block">
        <h1>
			<span class="delicious"><a href="http://delicious.com/" target="blank">delicious</a> Extension</span><br/> Configurations</h1>
        	<div class="block-inner first hover" id="sign-in">
        	<div class="block-inner-left-border">
	            <div class="h1" onclick="togglePanel('sign-in')"> Sign in</div>
	            <div class="input-content">
	                <div class="input-item">
	                    Username:<br/>
	                    <input name="username" id="username-input" class="text-input" onchange="loginEdited()" onkeydown="schedLoginEdited()"/><br/>
	                </div>
	                <div class="input-item">
	                    Password:<br/>
	                    <input name="username" type="password"  id="password-input" class="text-input" onchange="loginEdited()" onkeydown="schedLoginEdited()"/><br/>
	                </div>
	                <div class="buttons">
						<input type="button" value="Test" id="login-button" onclick="tryLogin();"/>
		                <input type="button" value="Restore" id="restore-button" onclick="loginRestore();"/>
		                <input type="button" value="Save !" id="save-button" onclick="loginSave();"/>
	                </div>
					<div class="loadingtip disabled" id="loadingtip"><img src="../images/loading.gif"/>Trying to sign in...<a href="javascript:cancelLogin()">cancel</a></div>
					<div class="loadingtip disabled" id="succtip"><img src="../images/check.gif"/>Signed in successfully!</div>
					<div class="loadingtip disabled" id="failtip"><img src="../images/error.gif"/>Failed to signed in!</div>
					<div class="loadingtip disabled" id="timeouttip"><img src="../images/error.gif"/>Connetion timeout!</div>
	            </div>
        	</div>
        </div>
        
        <div class="block-inner hover disabled" id="bookmarks">
        	<div class="block-inner-left-border">
        		<div class="h1" onclick="togglePanel('bookmarks')"> Bookmarks </div>
        		<div class="input-content">
					<div class="input-item">
						<div class="input-item result"></div>
					</div>
        		</div>
        	</div>
			<div class="input-content">
			</div>
        </div>
        
        <div class="block-inner hover disabled" id="tags-n-trees">
        	<div class="block-inner-left-border">
        		<div class="h1" onclick="togglePanel('tags-n-trees')"> Tags and Trees </div>
        		<div class="input-content">
        			<div class="input-item result"></div>
        			<div class="input-item checkbox">
        				<input type="radio" name="tags-type" value="ignore" id="tags-types-ignore"/>
        				<label for="tags-types-ignore">Ignore tags (OK, it's a stable one, but, are you serious? ).</label><br/>
						
						<input type="radio" name="tags-type" value="folder" id="tags-types-folder"/>
						<label for="tags-types-folder">Dispatch to tag folders (Experimental).</label><br/>
						
						<input type="radio" name="tags-type" value="append" id="tags-types-append"/>
						<label for="tags-types-append">Append [tag]s to bookmarks (<div class="warning-region">Warning</div>).</label><br/>
						
						<div class="warning"><b>Warning:</b><br/> Appending [tag]s to bookmarks may causes problem once the name of a bookmark itself contains "[...]". These parts will be removed.</div>
        			</div>
        		</div>
        	</div>
			<div class="input-content">
			</div>
        </div>
        
        <table style="width: 100%">
			<tr>
			<td><div class="sync-button" onclick="update_now()"><div class="sync-button-hover">&nbsp;</div></div> 
			</td>
			<td>
				<div>				
					<div class="copyright ">
						<b>Shinjikun</b>'s <span class="delicious">delicious</span> Tool.<br/>
						MailTo <a href="mailto:IkariEnator@gmail.com">me</a> if you (dis)like it.
					</div>
				</div>
			</td>
			</tr>
		</table>	
    </div>
</body>
</html>